<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系客服</title>
    <script src="public/views/js/Flexible.js"></script>
    <link rel="stylesheet" href="public/views/css/index.css">
</head>

<body>
    <div class="d-kf-main">
        <div class="d-zh-one">
            <% if(type=='qq'){ %>
            <svg t="1603182187324" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="1194" width="25" height="25">
                <path
                    d="M511.09761 957.257c-80.159 0-153.737-25.019-201.11-62.386-24.057 6.702-54.831 17.489-74.252 30.864-16.617 11.439-14.546 23.106-11.55 27.816 13.15 20.689 225.583 13.211 286.912 6.767v-3.061z"
                    fill="#FAAD08" p-id="1195"></path>
                <path
                    d="M496.65061 957.257c80.157 0 153.737-25.019 201.11-62.386 24.057 6.702 54.83 17.489 74.253 30.864 16.616 11.439 14.543 23.106 11.55 27.816-13.15 20.689-225.584 13.211-286.914 6.767v-3.061z"
                    fill="#FAAD08" p-id="1196"></path>
                <path
                    d="M497.12861 474.524c131.934-0.876 237.669-25.783 273.497-35.34 8.541-2.28 13.11-6.364 13.11-6.364 0.03-1.172 0.542-20.952 0.542-31.155C784.27761 229.833 701.12561 57.173 496.64061 57.162 292.15661 57.173 209.00061 229.832 209.00061 401.665c0 10.203 0.516 29.983 0.547 31.155 0 0 3.717 3.821 10.529 5.67 33.078 8.98 140.803 35.139 276.08 36.034h0.972z"
                    fill="#000000" p-id="1197"></path>
                <path
                    d="M860.28261 619.782c-8.12-26.086-19.204-56.506-30.427-85.72 0 0-6.456-0.795-9.718 0.148-100.71 29.205-222.773 47.818-315.792 46.695h-0.962C410.88561 582.017 289.65061 563.617 189.27961 534.698 185.44461 533.595 177.87261 534.063 177.87261 534.063 166.64961 563.276 155.56661 593.696 147.44761 619.782 108.72961 744.168 121.27261 795.644 130.82461 796.798c20.496 2.474 79.78-93.637 79.78-93.637 0 97.66 88.324 247.617 290.576 248.996a718.01 718.01 0 0 1 5.367 0C708.80161 950.778 797.12261 800.822 797.12261 703.162c0 0 59.284 96.111 79.783 93.637 9.55-1.154 22.093-52.63-16.623-177.017"
                    fill="#000000" p-id="1198"></path>
                <path
                    d="M434.38261 316.917c-27.9 1.24-51.745-30.106-53.24-69.956-1.518-39.877 19.858-73.207 47.764-74.454 27.875-1.224 51.703 30.109 53.218 69.974 1.527 39.877-19.853 73.2-47.742 74.436m206.67-69.956c-1.494 39.85-25.34 71.194-53.24 69.956-27.888-1.238-49.269-34.559-47.742-74.435 1.513-39.868 25.341-71.201 53.216-69.974 27.909 1.247 49.285 34.576 47.767 74.453"
                    fill="#FFFFFF" p-id="1199"></path>
                <path
                    d="M683.94261 368.627c-7.323-17.609-81.062-37.227-172.353-37.227h-0.98c-91.29 0-165.031 19.618-172.352 37.227a6.244 6.244 0 0 0-0.535 2.505c0 1.269 0.393 2.414 1.006 3.386 6.168 9.765 88.054 58.018 171.882 58.018h0.98c83.827 0 165.71-48.25 171.881-58.016a6.352 6.352 0 0 0 1.002-3.395c0-0.897-0.2-1.736-0.531-2.498"
                    fill="#FAAD08" p-id="1200"></path>
                <path
                    d="M467.63161 256.377c1.26 15.886-7.377 30-19.266 31.542-11.907 1.544-22.569-10.083-23.836-25.978-1.243-15.895 7.381-30.008 19.25-31.538 11.927-1.549 22.607 10.088 23.852 25.974m73.097 7.935c2.533-4.118 19.827-25.77 55.62-17.886 9.401 2.07 13.75 5.116 14.668 6.316 1.355 1.77 1.726 4.29 0.352 7.684-2.722 6.725-8.338 6.542-11.454 5.226-2.01-0.85-26.94-15.889-49.905 6.553-1.579 1.545-4.405 2.074-7.085 0.242-2.678-1.834-3.786-5.553-2.196-8.135"
                    fill="#000000" p-id="1201"></path>
                <path
                    d="M504.33261 584.495h-0.967c-63.568 0.752-140.646-7.504-215.286-21.92-6.391 36.262-10.25 81.838-6.936 136.196 8.37 137.384 91.62 223.736 220.118 224.996H506.48461c128.498-1.26 211.748-87.612 220.12-224.996 3.314-54.362-0.547-99.938-6.94-136.203-74.654 14.423-151.745 22.684-215.332 21.927"
                    fill="#FFFFFF" p-id="1202"></path>
                <path
                    d="M323.27461 577.016v137.468s64.957 12.705 130.031 3.91V591.59c-41.225-2.262-85.688-7.304-130.031-14.574"
                    fill="#EB1C26" p-id="1203"></path>
                <path
                    d="M788.09761 432.536s-121.98 40.387-283.743 41.539h-0.962c-161.497-1.147-283.328-41.401-283.744-41.539l-40.854 106.952c102.186 32.31 228.837 53.135 324.598 51.926l0.96-0.002c95.768 1.216 222.4-19.61 324.6-51.924l-40.855-106.952z"
                    fill="#EB1C26" p-id="1204"></path>
            </svg>
            <% }else{ %>
            <svg t="1603261790376" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="6508" width="25" height="25">
                <path
                    d="M1024 619.52c0-143.36-138.24-256-307.2-256s-307.2 112.64-307.2 256 138.24 256 307.2 256c30.72 0 61.44-5.12 92.16-10.24l97.28 51.2-25.6-76.8c87.04-51.2 143.36-128 143.36-220.16z m-414.72-40.96c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 25.6-25.6 51.2-51.2 51.2z m209.92 0c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 25.6-25.6 51.2-51.2 51.2z"
                    fill="#4CBF00" p-id="6509"></path>
                <path
                    d="M358.4 609.28c0-158.72 153.6-286.72 348.16-286.72h15.36c-40.96-133.12-179.2-235.52-353.28-235.52-204.8 0-368.64 138.24-368.64 307.2 0 107.52 66.56 204.8 168.96 256l-30.72 92.16L256 686.08c35.84 10.24 71.68 15.36 112.64 15.36h10.24c-15.36-30.72-20.48-61.44-20.48-92.16z m138.24-414.72c35.84 0 66.56 30.72 66.56 66.56s-30.72 66.56-66.56 66.56C460.8 322.56 430.08 291.84 430.08 256S460.8 194.56 496.64 194.56zM245.76 322.56c-35.84 0-61.44-30.72-61.44-66.56s30.72-66.56 66.56-66.56 61.44 30.72 61.44 66.56-30.72 66.56-66.56 66.56z"
                    fill="#4CBF00" p-id="6510"></path>
            </svg>
            <% }%>
            <span class="d-zh-txt"><%=name%></span>
        </div>

        <div class="d-zh-tow">
            <div class="d-1 btn" onclick="onCopy()">
                <svg t="1603184006953" class="icon" viewBox="0 0 1025 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3742" width="16" height="16">
                    <path
                        d="M89.087 992c-31.478 0-57.087-25.591-57.087-57.062l0-725.015c0-31.478 25.612-57.09 57.087-57.09l330.922 0 239.715 239.713 0 542.364c0 31.476-25.614 57.09-57.09 57.09l-513.546-0.001zM85.744 938.292l520.233 0 0-490.04-241.673 0 0-241.672-278.559 0 0 731.711zM418.019 394.508l167.658 0-167.658-167.655 0 167.655zM726.82 871.191l0-53.742 211.466 0 0-490.03-241.676 0 0-241.672-332.208 0c1.734-29.932 26.62-53.747 56.962-53.747l330.917 0 239.747 239.715 0 542.395c0 31.48-25.61 57.081-57.09 57.081l-208.118 0zM750.328 273.674l167.62 0-167.62-167.664 0 167.664z"
                        p-id="3743" fill="#409eff"></path>
                </svg>
                1.点击复制通道
            </div>

            <div class="d-1" onclick="onUrl()">
                <svg t="1603184099150" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="4677" width="16" height="16">
                    <path
                        d="M578.133 675.627c-3.306-3.307-8.746-3.307-12.053 0L442.133 799.573c-57.386 57.387-154.24 63.467-217.6 0-63.466-63.466-57.386-160.213 0-217.6L348.48 458.027c3.307-3.307 3.307-8.747 0-12.054l-42.453-42.453c-3.307-3.307-8.747-3.307-12.054 0L170.027 527.467c-90.24 90.24-90.24 236.266 0 326.4s236.266 90.24 326.4 0L620.373 729.92c3.307-3.307 3.307-8.747 0-12.053l-42.24-42.24z m275.84-505.6c-90.24-90.24-236.266-90.24-326.4 0L403.52 293.973c-3.307 3.307-3.307 8.747 0 12.054l42.347 42.346c3.306 3.307 8.746 3.307 12.053 0l123.947-123.946c57.386-57.387 154.24-63.467 217.6 0 63.466 63.466 57.386 160.213 0 217.6L675.52 565.973c-3.307 3.307-3.307 8.747 0 12.054l42.453 42.453c3.307 3.307 8.747 3.307 12.054 0l123.946-123.947c90.134-90.24 90.134-236.266 0-326.506z"
                        p-id="4678" fill="#409eff"></path>
                    <path
                        d="M616.64 362.987c-3.307-3.307-8.747-3.307-12.053 0l-241.6 241.493c-3.307 3.307-3.307 8.747 0 12.053l42.24 42.24c3.306 3.307 8.746 3.307 12.053 0L658.773 417.28c3.307-3.307 3.307-8.747 0-12.053l-42.133-42.24z"
                        p-id="4679" fill="#409eff"></path>
                </svg>
                2.点击跳转通道
            </div>

            <div class="d-1" onclick="onCode()">
                <svg t="1603184155137" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="5801" width="16" height="16">
                    <path
                        d="M384 102.4 192 102.4c-52.9408 0-96.0512 43.008-96.0512 96.0512l0 192c0 52.9408 43.1104 96.0512 96.0512 96.0512L384 486.5024c52.9408 0 96.0512-43.008 96.0512-96.0512L480.0512 198.4512C480.0512 145.408 436.9408 102.4 384 102.4zM441.6512 390.3488c0 31.744-25.8048 57.6512-57.6512 57.6512L192 448c-31.744 0-57.6512-25.8048-57.6512-57.6512L134.3488 198.4512c0-31.744 25.8048-57.5488 57.6512-57.5488L384 140.9024c31.744 0 57.6512 25.8048 57.6512 57.5488L441.6512 390.3488z"
                        p-id="5802" fill="#409eff"></path>
                    <path
                        d="M288.0512 256c-21.0944 0-38.4 17.3056-38.4 38.4s17.3056 38.4 38.4 38.4c21.0944 0 38.4-17.3056 38.4-38.4S309.1456 256 288.0512 256z"
                        p-id="5803" fill="#409eff"></path>
                    <path
                        d="M832 102.4 640 102.4c-52.9408 0-96.0512 43.008-96.0512 96.0512l0 192c0 52.9408 43.1104 96.0512 96.0512 96.0512l192 0c52.9408 0 96.0512-43.008 96.0512-96.0512L928.0512 198.4512C927.9488 145.408 884.9408 102.4 832 102.4zM889.5488 390.3488c0 31.744-25.8048 57.5488-57.6512 57.5488L640 447.8976c-31.744 0-57.6512-25.8048-57.6512-57.5488L582.3488 198.4512c0-31.744 25.8048-57.5488 57.6512-57.5488l192 0c31.744 0 57.6512 25.8048 57.6512 57.5488L889.6512 390.3488z"
                        p-id="5804" fill="#409eff"></path>
                    <path
                        d="M735.9488 256c-21.0944 0-38.4 17.3056-38.4 38.4s17.3056 38.4 38.4 38.4c21.0944 0 38.4-17.3056 38.4-38.4S757.1456 256 735.9488 256z"
                        p-id="5805" fill="#409eff"></path>
                    <path
                        d="M384 537.6 192 537.6c-52.9408 0-96.0512 43.008-96.0512 96.0512l0 192c0 52.9408 43.1104 96.0512 96.0512 96.0512L384 921.7024c52.9408 0 96.0512-43.008 96.0512-96.0512L480.0512 633.6512C480.0512 580.608 436.9408 537.6 384 537.6zM441.6512 825.5488c0 31.744-25.8048 57.5488-57.6512 57.5488L192 883.0976c-31.744 0-57.6512-25.8048-57.6512-57.5488L134.3488 633.6512c0-31.744 25.8048-57.6512 57.6512-57.6512L384 576c31.744 0 57.6512 25.8048 57.6512 57.6512L441.6512 825.5488z"
                        p-id="5806" fill="#409eff"></path>
                    <path
                        d="M288.0512 691.2c-21.0944 0-38.4 17.3056-38.4 38.4 0 21.0944 17.3056 38.4 38.4 38.4 21.0944 0 38.4-17.3056 38.4-38.4C326.4512 708.5056 309.1456 691.2 288.0512 691.2z"
                        p-id="5807" fill="#409eff"></path>
                    <path
                        d="M893.44 550.4c-11.9808 0-21.7088 8.704-21.7088 19.5584l0 37.376 0 86.528-116.736 0-0.2048-86.528 0-11.1616c0-21.504-19.5584-39.1168-43.4176-39.1168L600.2688 557.056c-23.8592 0-43.4176 17.6128-43.4176 39.1168l0 116.224 0 176.9472c0 10.752 9.728 19.5584 21.7088 19.5584 11.9808 0 21.7088-8.704 21.7088-19.5584L600.2688 751.4112 600.2688 596.1728l111.3088 0 0 50.2784 0 47.4112c0 21.504 19.5584 39.1168 43.4176 39.1168l116.736 0c23.8592 0 43.4176-17.6128 43.4176-39.1168l0-47.4112 0-76.3904C915.1488 559.104 905.4208 550.4 893.44 550.4z"
                        p-id="5808" fill="#409eff"></path>
                    <path d="M863.9488 857.6m-38.4 0a37.5 37.5 0 1 0 76.8 0 37.5 37.5 0 1 0-76.8 0Z" p-id="5809"
                        fill="#409eff"></path>
                    <path d="M710.3488 857.6m-38.4 0a37.5 37.5 0 1 0 76.8 0 37.5 37.5 0 1 0-76.8 0Z" p-id="5810"
                        fill="#409eff"></path>
                </svg>
                3.查看二维码通道
            </div>
        </div>
        <div class="d-zh-three">
            <h4>
                <p>添加须知:</p>
            </h4>

            <p>
                1.推荐使用复制通道或者查看二维码通道,长按保存二维码扫码添加客服<% if(type=='qq'){ %> <span style="color: red;">QQ</span>
                <% }else if(type=='wx'){ %><span style="color: red;">微信</span><% }else if(type=='wxgzh'){ %> <span
                    style="color: red;">微信公众号</span>
                <% }else{ %><% } %>.
            </p>
            <p>2.由于手机兼容问题,部分手机机型无法正常使用跳转通道,给您带来不便敬请谅解.</p>
        </div>
    </div>
    <div class="fiex">
        <div class="fiex-img" ontouchstart="touchstart()" ontouchmove="touchmove()" ontouchend='touchend()'>
            <img src='<%=path%>' width="100%">
        </div>
        <div class="shutdown" onclick="onShutdown()">
            <svg t="1603257384529" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="4209" width="35" height="35">
                <path
                    d="M497 90c246.319 0 446 199.681 446 446S743.319 982 497 982 51 782.319 51 536 250.681 90 497 90z m175.534 270.444c-11.672-11.671-30.595-11.671-42.266 0L496.156 494.556l-133.302-133.3-0.505-0.492c-11.706-11.176-30.257-11.012-41.761 0.493-11.672 11.671-11.672 30.595 0 42.266L453.89 536.822l-132.44 132.44-0.494 0.505c-11.176 11.706-11.012 30.257 0.493 41.762 11.672 11.671 30.595 11.671 42.266 0l132.44-132.441 133.258 133.26 0.505 0.494c11.706 11.176 30.256 11.011 41.761-0.494 11.672-11.671 11.672-30.594 0-42.266l-133.257-133.26L672.534 402.71l0.493-0.504c11.176-11.706 11.011-30.257-0.493-41.762z"
                    fill="#ffffff" p-id="4210"></path>
            </svg>
        </div>
    </div>
</body>
<script src="public/views/js/clipboard.min.js"></script>
<script>

    function ajax() {
        const xhr = new XMLHttpRequest()
        xhr.open("post", "/click", true);
        xhr.setRequestHeader("Content-type", "application/json");
        xhr.send(JSON.stringify({ id: '<%=id%>' }));
    }
    function onCopy() {
        ajax()
        const clipboard = new ClipboardJS('.btn', {
            text: function () {
                return '<%=name%>'
            }
        });
        clipboard.on('success', function (e) {
            alert('复制成功')
            e.clearSelection();
        });
    }
    function onUrl() {
        location.href = '<%=url%>'
        ajax()
    }
    function onCode() {
        let fiex = document.getElementsByClassName('fiex')[0]
        fiex.style.display = 'block'
    }
    function onShutdown() {
        let fiex = document.getElementsByClassName('fiex')[0]
        fiex.style.display = 'none'
    }

    let timeOutEvent = null
    /* 当手指触摸屏幕时候触发*/
    function touchstart() {
        clearTimeout(timeOutEvent);
        timeOutEvent = setTimeout(() => {
            ajax()
            timeOutEvent = 0;
        }, 500)
    }

    /* 当手指在屏幕上滑动的时候连续地触发。 */
    function touchmove() {
        clearTimeout(timeOutEvent);
    }

    /* 当手指从屏幕上离开的时候触发。 */
    function touchend() {
        clearTimeout(timeOutEvent);
    }
</script>

</html>